<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>查看物流</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/all.css" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/check-logistic.css" />
</head>
<body>
<div>
    <div class="head">
         <span href="javascript:;" onclick="go()">
        <i class="iconfont icon-iconfontjiantou1"></i></span>
        <h1 class="titles">查看物流</h1>
    </div>
    <div class="middles" id = "wuliu">
        <!--<div class="number">
            <p>订单号：23256562354623</p>
        </div>
        <div class="state">
            <p>物流状态：已发货</p>
            <p>中通快递 详细信息登入中通快递网站查看</p>
        </div>-->
    </div>
</div>
<script src="js/x_rem.js"></script>
<script src="./js/jquery-1.10.2.js"></script>
<script src="js/all.js"></script>
<script>
    $(function() {
        var data = JSON.stringify({
            "index": 0,
            "size": 10,
            "orderId": GetQueryString("orderId")
        });
        var succrss = (data) => {
            console.log(data.message.code);
            if(data.message.code == 200) {
                var html = "";
                    //0 待付款 1待发货 2待收货 3 待评价 4售后 5已售罄 6订单取消
                html += `<div class="number">
                            <p>订单号：${data.data.orderId}</p>
                        </div>
                        <div class="state">
                            <p>物流状态：${data.data.status == 1 ?"待发货":""}${data.data.status == 2 ?"已发货":""}${data.data.status == 3 ? "待评价":""}</p>
                            <p>${data.data.expressCompanyName} 详细信息登入${data.data.expressCompanyName}网站查看</p>
                        </div>
                    `
                    $("#wuliu").html(html);
            } else {
                popup(data.message.msg);
            }
        };

        Hajax("post", "/app/order/wuLiu", data, succrss);
    });
</script>
</body>
</html>